<template>
  <div class="navcrumb">
    <template v-for="item,index in navs" >
        <a href="#" :key="index">
            {{ item.name }}
        </a>
        <template v-if="index < navs.length - 1">/</template>
    </template>
  </div>
</template>

<script>
export default {
    props:["navs"]
}
</script>

<style lang="less" scoped>
    .navcrumb{
    margin: 10px 0;
    
    a{
        color: #000;
        text-decoration: none;
    }
 }
</style>
